/**
 * paging
 *
 * 模型：（采用嵌套风格，因为不通style的分页theme复用性不高，但是模型可以复用）
 * paging-info:;分页信息
 * paging-item
 * paging-curr: 当前页
 *
 * paging-prev: 上一页
 * paging-next: 下一页
 * paging-first: 第一页
 * paging-last: 最后一页
 *
 * paging-go: 跳转
 * paging-refresh: 刷新
 *
 * paging-which: 选择那一页（select,input）
 * paging-sizelist: 页面大小列表（select,input）
 */
.paging {
  .paging-item, .paging-prev, .paging-next, .paging-first, .paging-last,
  .paging-info, .paging-curr, .paging-go, .paging-refresh, .paging-which, .paging-sizelist,
  .btn {
    .inline-block();
    margin: 0 2px;
    *vertical-align: middle;
  }

  .btn {
    padding: @pagingPadding @pagingPadding + 0.5;
    vertical-align: top;
  }
}

// 上一页 下一页 第一页 最后一页 和 item 采用相同风格
.paging-item, .paging-prev, .paging-next, .paging-first, .paging-last{
  line-height: @baseLineHeight;
  padding: @pagingPadding @pagingPadding + 0.5;
  border: solid 1px @borderColor;

  .icon {
    .small();
  }

  a& {
    color: @bodyTextColor;
    text-decoration: none;

    &:hover {
      color: @pagingHoverColor;
      border: 1px solid @pagingHoverColor;
      text-decoration: none;
    }
  }

  span& {
    color: @pagingDisabledColor;
  }
}

.paging-curr {
  line-height: @baseLineHeight;
  padding: @pagingPadding @pagingPadding + 0.5;

  color: @pagingHoverColor;
  border: 1px solid @pagingHoverColor;
  background-color: @pagingCurrBg;
}

.paging-info {
  color: @pagingInfoColor;
}

.paging-which, .paging-sizelist {
  vertical-align: top;
  input, select {
    line-height: @baseLineHeight;
    padding: @pagingPadding @pagingPadding + 0.5;
    border: solid 1px @borderColor;
  }
  input{
    height: @baseLineHeight; // hack
    width: 2em;
    color: @pagingInfoColor;
  }
}

.paging-go, paging-refresh {
  // nothing
  // btn
}